<template>
	<view class="content">
		<view class="l-body">
			

			<!-- l-madin -->
			<view class="l-main">
				
				<view class="l-dl" @scrolltolower="scroll" @click="openPDF(contractUrl1);towait()">
					<view>
						<image class="l-dt" :src="img" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							计算机操作系统(上)
						</view>
						<view class="l-dd-content">
							该教材对传统操作系统（OS）和现代操作系统均做了较为全面的介绍。全书共分12章：第一章为操作系统引论，介绍了OS的发展、传统OS和现代OS的特征及功能；第二和第三章深入阐述了进程和线程管理、进程同步、处理机调度和死锁；第四和第五章对连续和离散存储器管理方式及虚拟存储器进行了介绍；第六章自下而上地对I/O系统的各个层次做了较为系统的阐述；第七和第八章介绍了文件系统和磁盘存储器管理；第九章对用户接口以及接口的实现方法做了介绍；从第十章开始到第十二章是与OS发展现状紧密相关的内容。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				
				<view class="l-dl" @scrolltolower="scroll" @click="openPDF(contractUrl2);towait()">
					<view>
						<image class="l-dt" :src="img" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							计算机操作系统(中)
						</view>
						<view class="l-dd-content">
							该教材对传统操作系统（OS）和现代操作系统均做了较为全面的介绍。全书共分12章：第一章为操作系统引论，介绍了OS的发展、传统OS和现代OS的特征及功能；第二和第三章深入阐述了进程和线程管理、进程同步、处理机调度和死锁；第四和第五章对连续和离散存储器管理方式及虚拟存储器进行了介绍；第六章自下而上地对I/O系统的各个层次做了较为系统的阐述；第七和第八章介绍了文件系统和磁盘存储器管理；第九章对用户接口以及接口的实现方法做了介绍；从第十章开始到第十二章是与OS发展现状紧密相关的内容。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img" mode="aspectFill" @click="openPDF(contractUrl3);towait()"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							计算机操作系统(下)
						</view>
						<view class="l-dd-content">
							该教材对传统操作系统（OS）和现代操作系统均做了较为全面的介绍。全书共分12章：第一章为操作系统引论，介绍了OS的发展、传统OS和现代OS的特征及功能；第二和第三章深入阐述了进程和线程管理、进程同步、处理机调度和死锁；第四和第五章对连续和离散存储器管理方式及虚拟存储器进行了介绍；第六章自下而上地对I/O系统的各个层次做了较为系统的阐述；第七和第八章介绍了文件系统和磁盘存储器管理；第九章对用户接口以及接口的实现方法做了介绍；从第十章开始到第十二章是与OS发展现状紧密相关的内容。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
					<view style="text-align: center;font-size: 30rpx;color: #F1F1F1;margin-top: 15rpx;">
						已加载全部
					</view>
				
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				
				
				img: `../../../../static/课本/操作系统.jpg`,
				
				contractUrl1:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-77dc303a-f168-4c8b-aee5-199414dbcac2/5d37cd0d-02f3-46eb-832e-462aaad6caa2.pdf',
				contractUrl2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-77dc303a-f168-4c8b-aee5-199414dbcac2/c0f9b30c-0949-4942-8369-de9b96d3852b.pdf',
				contractUrl3:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-77dc303a-f168-4c8b-aee5-199414dbcac2/b4ef3a74-c18b-48cb-92b8-038081e7079e.pdf',
			}
		},
		methods:{
			towait(){
				uni.navigateTo({
				  url: "/pages/bookself/filePreview/filePreview",
				});
			},
			successall(e){
				console.log(e.tempFilePaths[0]);
				this.Url = e.tempFilePaths[0];
			},
			locapdf(filePath){
				uni.openDocument({
				  filePath: filePath,
				  success: function (res) {
				    console.log("打开文档成功");
				  },
				});
			},
			androidOpenPdf(url) {
			  uni.downloadFile({
			    url: url,
			    success: function (res) {
			      var filePath = res.tempFilePath;
			      uni.openDocument({
			        filePath: filePath,
			        success: function (res) {
			          console.log("打开文档成功");
			        },
			      });
			    },
			  });
			},
			openPDF(contractUrl) {
			  switch (uni.getSystemInfoSync().platform) {
			    case "android":
			      console.log("安卓");
			      // 这里直接调用原生的方法，我们上面定义的
			      this.androidOpenPdf(contractUrl);
			      break;
			    case "ios":
			      console.log("IOS");
			      //这里跳转web-view页面
			      uni.navigateTo({
			        url: "/pages/bookself/filePreview/filePreview?contractUrl=" + contractUrl,
			      });
			      break;
			    default:
			      this.androidOpenPdf(contractUrl);
			      break;
			  }
			}
		}
	}
</script>

<style>
	/* l-head */
	.l-head {
		margin-top: 15rpx;
	}

	.l-nav-bookrack {
		font-size: 30rpx;
	}


	/* l-main */

	.l-main {
		padding-bottom: 32rpx;
	}



	.l-dl {
		margin-top: 32rpx;
		display: flex;
		width: 100%;
		height: 224rpx;
	}

	.l-dt {
		width: 160rpx;
		height: 100%;
		border-radius: 10rpx;
		margin-right: 24rpx;
	}

	.l-dd {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.l-dd-title {
		color: var(--c-txt-3);
		font: var(--f-size-3) normal;
	}

	.l-dd-content,
	.l-dd-footer {
		color: var(--c-txt-2);
		font: var(--f-size-2)/var(--f-size-4) normal;
	}

	.l-dd-content {
		width: 100%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}

	.l-dd-footer {
		display: flex;
		align-items: center;
	}

	.l-dd-view-footer {
		width: 100%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
	}

	.l-dd-img {
		width: 40rpx;
		height: 40rpx;
		border-radius: 50%;
		margin-right: 6rpx;
	}
</style>
